/*
KISSY CSS Reset
理念：清除和重置是紧密不可分的
特色：1.适应中文 2.基于最新主流浏览器
维护：玉伯(lifesinger@gmail.com), 正淳(ragecarrier@gmail.com)
*/

/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
margin: 0;
padding: 0;
}

/* 设置默认字体 */
body,
button, input, select, textarea { /* for ie */
/*font: 12px/1 Tahoma, Helvetica, Arial, "宋体", sans-serif;*/
font: 12px/1 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
}

h1 { font-size: 18px; /* 18px / 12px = 1.5 */ }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, samp{ font-family: "Courier New", Courier, monospace; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */

/* 重置列表元素 */
li{ list-style: none; }

/* 重置文本格式元素 */
a { text-decoration: none; }
a:hover { text-decoration: underline; }

abbr[title], acronym[title] { /* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
border-bottom: 1px dotted;
cursor: help;
}

q:before, q:after { content: ''; }

/* 重置表单元素 */
legend { color: #000; } /* for ie6 */
fieldset, img { border: none; } /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
font-size: 100%; /* 使得表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
border-collapse: collapse;
border-spacing: 0;
}

/* 重置 hr */
hr {
border: none;
height: 1px;
}

/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html { overflow-y: scroll; }
/*=======================================================================*\
* simple css
\*=======================================================================*/
.none{ display:none; }
.block{ display:block; }
/*=======================================================================*\
* main css
\*=======================================================================*/
body, html {
margin: 0px;
padding: 0px;
background: #FFF /*url(/image/bg_main.jpg) repeat*/;
color: #000;
font-family: Verdana,'Helvetica Neue',Helvetica,Arial,sans-serif;
min-width:750px;
line-height:160%;
}
p{
text-indent:2em;
}
hr{
margin:4px 0;
color:#EEE;
background-color:#eee;
border:0;
}
blockquote {
border-left: 3px solid #DEDEDE;
padding-left: 10px;
margin-left: 1em;
line-height: 22px;
}
img{
border:0;
vertical-align:middle;
}
form {
padding: 0;
margin: 0;
}
div.code {
color: #000;
white-space: pre;
padding: 15px 10px 15px 10px;
font-family: "Courier New", Hei, fixed;
background-color: #FFF;
border: 1px solid #CCC;
max-width:560px;
overflow:hidden;
word-wrap:break-word;
}
textarea{
font-family: "Courier New", Courier, Hei, mono;
}
/*=======================================================================*\
* Structural CSS
\*=======================================================================*/
div#sharej{
max-width: 970px;
background-color:#fff;
width:expression( documentElement.clientWidth > 970 ? (documentElement.clientWidth == 0 ? (body.clientWidth >970 ? "970" : "auto") : "970px") : "auto" );
}
#wrap {
text-align: left;
}
#main {
background:#FFF;
float:left;
width:100%;
padding-top: 10px;
margin-right:-230px;
}
#main_inner{
background:#FFF;
margin-right:230px;
}
#bottom {
border-width:1px 0 2px 0;
border-style:solid;
border-color:#E0E0E0;
background: #FFF;
padding: 10px 0;
clear: both;
color: #999;
text-align: center;
line-height: 22px;
margin-bottom:50px;
}
/*=======================================================================*\
* normal class
\*=======================================================================*/
.f14{
font-size:14px;
}
img.portrait {
background-color: #FFF;
padding: 1px;
margin: 1px;
border: 1px solid #CCC;
}
.blank label, .box_i label{
width:70px;
display: block;
float: left;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
text-align: left;
}
li#msg,li#topics,li#home,.reward_menu,.expenselog_menu,.ranklist,span#fav,#sidebar_fav,#sysenter,.search,.idxsidelogin,.register,span.tag,.fresh, .repute_and_coins,.credit_menu,.user_words,li#lateuser,.online,li#logins,span#pageaddress,span.idxfavtop,.favsth,a.idxfavitem,#onlinebuddy,#listByCat,li#pmuseinfo,li#pmoutboxinfo,li#pm_send,.TP_msg_send,.topic_del,.topic_edit,.topic_quote,.canrate,li#pmunrdpm,li#pm_inbox,li#pm_outbox,li#pmtrackpm,li#pmsearch,li#pmarchivepm,li#pmblkpmls,#sidefavlist li,#sidehotlist li,.gohome,#avatarshow,span#recentsearch,
div#recentvisiter,
div.forum_hot,
.mymsg_menu,
.myhome_menu,
.users_all_topic,
.mytopics_menu,
.myreply_menu,
.myfav,
.mysubscribe_menu,
.mypermission_menu,
.modifyconfig_menu,
.transfer_menu,
.transfer,
.mybudy_menu,
.mybuddies,
.ajax_accept,
.ajax_alert,
.ajax_error,
.repute_4,
.repute_3,
.repute_2,
.repute_1,
.repute_0,
.coin_3,
.coin_2,
.coin_1,
.reward_topic,
.coin_0,
span#noonlinebuddy,
.feed,
.primepost,
.alluser,
.help,
.logout,
.bug,
.TP_favorite,
.TP_more_actions,
.repute_level_1,
.repute_level_2,
.repute_level_3,
.repute_level_4,
.repute_level_5,
.repute_level_6,
.repute_level_7,
.repute_level_8,
.repute_level_9,
.repute_level_10,
.repute_level_11,
.repute_level_12,
.repute_level_13,
.repute_level_14,
.repute_level_15,
.repute_level_16,
.repute_level_17,
.repute_level_18,
.repute_level_19,
.repute_level_20,
.repute_level_21,
.repute_level_22,
.repute_level_23,
.repute_level_24,
.myfile,
.H_shelf,
#nothingforusebuttotakeaseat{
background:url(/static/pico.gif?20090524) no-repeat;
padding-left:20px;
padding-bottom:1px;
}
.repute_level_1,
.repute_level_2,
.repute_level_3,
.repute_level_4,
.repute_level_5,
.repute_level_6,
.repute_level_7,
.repute_level_8,
.repute_level_9,
.repute_level_10,
.repute_level_11,
.repute_level_12,
.repute_level_13,
.repute_level_14,
.repute_level_15,
.repute_level_16,
.repute_level_17,
.repute_level_18,
.repute_level_19,
.repute_level_20,
.repute_level_21,
.repute_level_22,
.repute_level_23,
.repute_level_24{padding:1px 0 1px 25px;}
#crumbs{
padding-left:5px;
height:25px;
}
/*=======================================================================*\
* table class
\*=======================================================================*/
th.star{
width:24px;
}
/*=======================================================================*\
* special class
\*=======================================================================*/
.form_left{
float: left;
text-align: left;
margin-top:-200px;
}
.form_right{
margin:0 0 0 130px;
}
div#sidebar {
float: left;
width: 30px;
height: 240px;
}
div#menu {
float: right;
width: 230px;
}
h1 {
color: #333;
display: block;
margin: 0px;
padding: 5px;
}
div#search {
margin: 0px;
padding: 0px;
clear: both;
width: auto;
text-align: center;
background-color: #FFF;
border-bottom: 2px solid #E0E0E0;
color: #999;
}
div#vxReply {
padding: 5px;
border-top: 1px solid #FFF;
border-left: 1px solid #BBB;
border-right: 1px solid #BBB;
border-bottom: 1px solid #BBB;
background-color: #FFF;
background-image: url(/image/bg_blank.gif);
background-repeat: repeat-x;
margin-bottom: 10px;
font-size: 12px;
}
dl.toolbar {
margin: 10px 10px 10px 10px;
font-size: 12px;
padding: 5px;
background-color: #FFF;
}
dl.toolbar dt {
padding: 3px;
}
dl.toolbar dd {
margin: 0px;
padding: 5px;
}
div#ReplyTip {
margin-bottom: 10px;
}
div.menu_inner {
margin: 10px 0 10px 12px;
}
div.menu_fav {
margin: 10px;
padding: 5px;
border-radius: 10px 0px 0px 0px;
border-right: 2px solid #E0E0E0;
border-bottom: 2px solid #E0E0E0;
background-color: #FFF;
}
div.blank {
padding: 5px;
border: 1px solid #E0E0E0;
background-color: #FFF;
margin-bottom: 10px;
}
.labels {
position: relative;
}
.labels li {
list-style-type:none;
min-height:20px;
font-size:14px;
clear: left;
height: expression('1%');
margin-top: 5px;
padding: 1px 2px;
}
.labels li.buttons{
padding-left:125px;
}
.blank span label, .box_i span label{
width:auto;
font-size:12px;
padding:1px;
}
.r2_1,.r2_2,.r2_3,.r2_4{display:block;width:6px;height:6px;overflow:hidden;background:url(/image/rc.gif)}
.r2_1{background-position:0 0;float:left}
.r2_2{background-position:-6px 0;float:right}
.r2_3{background-position:0 -6px;margin-top:-6px;float:left}
.r2_4{background-position:-6px -6px;margin-top:-6px;float:right}
.box_i{
padding: 5px 5px 5px 8px;
/*border: 1px solid #dedfe1;*/
background-color: #FFF;
margin:0 3px 0;
}
div.box_o{
margin-bottom: 12px;
}
/* _hh: height hack */
div._hh,li._hh {
clear: both;
height: 0px;
padding: 0px;
margin: 0px;
border: none;
}
._ll{
clear:left;
}
div.light_odd {
white-space: normal;
word-break: break-all;
word-wrap: break-word;
padding: 5px;
background-color: #fff;
font-size: 12px;
border-bottom: 1px solid #E0E0E0;
}
div.light_even {
white-space: normal;
word-break: break-all;
word-wrap: break-word;
padding: 5px;
background-color: #F9F9F9;
font-size: 12px;
border-bottom: 1px solid #E0E0E0;
}
div.important {
background-color: rgb(248, 250, 252);
border: 2px solid rgb(181, 212, 254);
padding: 2px;
color: #000;
font-size: 12px;
}
div.brief {
margin-top: 10px;
padding: 5px 5px 5px 40px;
font-size: 12px;
display: none;
color: #666666;
}
ul.menu {
margin: 0px;
padding: 0px;
font-size: 13px;
list-style: none;
color: #000;
}
ul.menu li {
padding-top: 2px;
}
ul.items {
margin:  0px 0px 5px 0px;
padding: 2px 0px 2px 2em;
list-style: circle;
font-size: 12px;
color: #666;
}
ol.items {
margin:  0px 0px 5px 0px;
padding: 1em 0px 2px 2em;
list-style: circle;
font-size: 12px;
color: #333;
font-weight: lighter;
}
a.img, a.img:link, a.img:visited, a.img:active {
border: 0;
text-decoration: none;
}
a.img:hover {
background-color: #FFF;
}
a:link, a:active, a:visited {
text-decoration: none;
color: #333;
outline:none;
}
a:hover {
text-decoration: none;
color: #577DE7;
/*color: #005EAC;*/
}
a.var:link, a.var:active, a.var:visited {
border: none;
text-decoration: none;
color: inherit;
}
a.var:hover {
border: none;
text-decoration: none;
color: inherit;
text-decoration: underline;
}
a.section:link, a.section:visited, a.section:active {
text-decoration: none;
color: #000;
border: none;
}
a.section:hover {
text-decoration: none;
color: #577DE7;
border-bottom: 2px solid #577DE7;
}
a.menu:link, a.menu:visited, a.menu:active {
text-decoration: none;
color: #000;
border: none;
}
a.menu:hover {
text-decoration: none;
color: #577DE7;
border-bottom: 2px solid #577DE7;
}
a.top:link, a.top:visited, a.top:active {
text-decoration: none;
color: #FFF;
border: none;
}
a.top:hover {
text-decoration: none;
color: #CCF;
border: none;
}
input.b {
margin-right: 2px;
font-size: 12px;
color: #FFF;
padding: 2px 4px 2px 4px;
background-color: #3366FF;
border-left: 1px solid #3CF;
border-top: 1px solid #3CF;
border-right: 1px solid #30C;
border-bottom: 1px solid #30C;
}
input.g {
cursor:pointer;
margin: 2px;
font-size: 12px;
color: #000;
padding: 2px 4px 2px 4px;
background-color: #EFEFEF;
text-decoration: none;
border-left: 1px solid #F9F9F9;
border-top: 1px solid #F9F9F9;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
}
a.blue, a.blue:active, a.blue:visited {
color: #03F;
font-size: 14px;
text-decoration: none;
}
a.blue:hover {
color: #FFF;
font-size: 14px;
text-decoration: none;
background-color: #03F;
}
span.g,span.g:active,span.g:visited,a.g, a.g:active, a.g:visited {
margin-right: 2px;
font-size: 12px;
color: #000;
padding: 2px 4px 2px 4px;
background-color: #EFEFEF;
text-decoration: none;
border-left: 1px solid #F9F9F9;
border-top: 1px solid #F9F9F9;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
}
span.g:hover ,a.g:hover {
margin-right: 2px;
cursor:pointer;
color: #FFF;
font-size: 12px;
padding: 2px 4px 2px 4px;
background-color: #3366FF;
border-left: 1px solid #3CF;
border-top: 1px solid #3CF;
border-right: 1px solid #30C;
border-bottom: 1px solid #30C;
text-decoration: none;
}
.g_light, .g_light:active, .g_light:visited {
margin-right: 2px;
font-size: 12px;
color: #f60;
padding: 2px 4px 2px 4px;
background-color: #EFEFEF;
text-decoration: none;
border-left: 1px solid #F9F9F9;
border-top: 1px solid #F9F9F9;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
cursor: pointer;
}
.g_light:hover {
margin-right: 2px;
color: #FFF;
font-size: 12px;
padding: 2px 4px 2px 4px;
background-color: #3366FF;
border-left: 1px solid #3CF;
border-top: 1px solid #3CF;
border-right: 1px solid #30C;
border-bottom: 1px solid #30C;
text-decoration: none;
}
span.g_grey,a.g_grey, a.g_grey:active, a.g_grey:visited,span.g_disabled,a.g_disabled, a.g_disabled:active, a.g_disabled:visited {
margin-right: 2px;
font-size: 12px;
color: #aaa;
padding: 2px 4px;
background-color: #EFEFEF;
text-decoration: none;
border-left: 1px solid #F9F9F9;
border-top: 1px solid #F9F9F9;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
}
a.g_grey:hover {
margin-right: 2px;
font-size: 12px;
color: #FFF;
padding: 2px 4px;
background-color: #999;
text-decoration: none;
}
a.h, a.h:active, a.h:visited,a.b, a.b:active, a.b:visited {
margin-left: 2px;
font-size: 12px;
color: #333;
padding: 2px 4px;
background-color: #EFEFEF;
border-left: 1px solid #F9F9F9;
border-top: 1px solid #F9F9F9;
border-right: 1px solid #CFCFCF;
border-bottom: 1px solid #CFCFCF;
text-decoration: none;
}
a.h:hover,a.b:hover {
margin-left: 2px;
font-size: 12px;
color: #666;
padding: 2px 4px;
background-color: #EFEFEF;
border-left: 1px solid #F9F9F9;
border-top: 1px solid #F9F9F9;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
text-decoration: none;
}
a.b, a.b:active, a.b:visited {
background-color: #BBD9EE;
border-color:#EBF4FA #69ABD9 #69ABD9 #EBF4FA;
}
a.b:hover{
color:#fff;
background-color: #54A4DE;
border-color:#EBF4FA #3788A3 #3788A3 #EBF4FA;
}
a.p, a.p:active, a.p:visited {
margin-right: 2px;
font-size: 12px;
padding: 2px 4px;
background-color: #BBD9EE;
border: 1px solid #FFF;
border-color:#EBF4FA #729FBF #729FBF #EBF4FA;
text-decoration: none;
}
a.p:hover {
margin-right: 2px;
font-size: 12px;
color: #FFF;
padding: 2px 4px;
background-color: #BEDF5D;
border: 1px solid #FFF;
border-color:#EBF4FA #adca56 #adca56 #EBF4FA;
text-decoration: none;
}
a.p_edge, a.p_edge:active, a.p_edge:visited {
margin-right: 2px;
font-size: 11px;
color: #000;
padding: 2px 4px;
background-color: #fdb269;
border: 1px solid #FFF;
border-color:#EAAA69 #CC6400 #CC6400 #EAAA69;
text-decoration: none;
}
a.p_edge:hover {
margin-right: 2px;
font-size: 11px;
color: #FFF;
padding: 2px 4px 2px 4px;
background-color: #FF9834;
border: 1px solid #FFF;
border-color:#EAAA69 #ec8d30 #ec8d30 #EAAA69;
text-decoration: none;
}
strong.p_cur {
margin-right: 2px;
font-size: 11px;
color: #333;
font-weight: normal;
padding: 2px 4px 2px 4px;
background-color: #FAF1C3;
border: 1px solid #FFF;
}
strong.c_cur {
font-size: 12px;
}
strong.p_info {
margin-left: 2px;
font-size: 9px;
color: #FFF;
font-weight: normal;
padding: 2px 4px 2px 4px;
background-color: #999;
border-left: 1px solid #AAA;
border-top: 1px solid #AAA;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
.zebra-table{
width:100%;
}
table td,table th {
padding:2px;
font-size: 12px;
}
table.form {
overflow: hidden;
border-collapse: collapse;
}
table.form td,table.form th {
margin: 0px;
padding: 10px 1em 0 0;
font-size: 14px;
}
table.board {
float: left;
margin-bottom: 10px;
border-right: 2px solid #E0E0E0;
border-bottom: 2px solid #E0E0E0;
background-color: #FFF;
}
table.drawer {
font-size: 12px;
color: #000000;
}
tr.odd {text-align:center;}
tr.even {background-color: #F7F7F7;text-align:center;}
table.drawer tr.light, table.board tr.light, table tr.light {
background-color: #FFFFCC;
}
table.drawer tr.littlelight, table.board tr.littlelight, table.fav tr.littlelight{
background-color: #FFFEF1;
}
table.board td,table.board th{
padding-left: 5px;
font-size: 12px;
}
table.board td.star {
font-size: 12px;
}
td.hf,div.hf {
color: #333;
font-size: 12px;
padding: 5px;
text-align:left;
}
table.board td.shead {
color: #333;
font-size: 12px;
padding: 5px;
background-color: #F7F7F7;
}
table.board td.container {
padding: 0px;
color: #000;
font-size: 12px;
}
table.board td.blue,table td.blue {
background-color: #FFF;
background-image: url(/image/blue_s.gif);
background-repeat: repeat-x;
color: #FFFFFF;
font-size: 13px;
height: 24px;
text-shadow: 2px 2px 1px #669;
font-weight: 450;
}
table.ctable td,table.ctable th,.ctable{
text-align:center;
}
table.ltable td,table.ltable th,.ltable{
text-align:left;
}
table.board th.yellow,table th.yellow {
background: url(/image/bg_yellow.gif) #fff repeat-x;
height: 24px;
}
table.board th.blue,table th.blue {
background: url(/image/bg_blue.gif) #fff repeat-x;
height: 24px;
}
table.board th.green,table th.green {
background: url(/image/bg_green.png) #fff repeat-x;
height: 24px;
}
table.board th.red,table th.red {
background: url(/image/bg_red.png) #fff repeat-x;
height: 24px;
}
table.board th.lightgreen,table th.lightgreen {
background: url(/image/bg_lightgreen.png) #fff repeat-x;
height: 24px;
}
table.board td.orange,table td.orange {
background: url(/image/red_s.gif) #fff repeat-x;
color: #FFFFFF;
font-size: 13px;
height: 24px;
text-shadow: 2px 2px 1px #966;
font-weight: 450;
}
table.board td.apple,table td.apple {
background: url(/image/green_s.gif) #fff repeat-x;
color: #FFFFFF;
font-size: 13px;
height: 24px;
text-shadow: 2px 2px 1px #696;
font-weight: 450;
}
td.section_odd,dt.section_odd {
word-break: break-all;
word-wrap: break-word;
background-color: #FFFFFF;
margin-bottom: 5px;
font-size: 12px;
border-top: 1px solid #CCC;
}
td.section_even,dt.section_even {
word-break: break-all;
word-wrap: break-word;
background-color: #FAFAFA;
margin-bottom: 5px;
font-size: 12px;
border-top: 1px solid #CCC;
}
td.cell_odd {
word-break: break-all;
word-wrap: break-word;
background-color: #FFFFFF;
font-size: 12px;
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #EFEFEF;
}
td.cell_even {
word-break: break-all;
word-wrap: break-word;
background-color: #FAFAFA;
font-size: 12px;
padding-top: 2px;
padding-bottom: 2px;
border-top: 1px solid #EFEFEF;
}
/* td: left top */
td.lt{padding:0;background-image: url(/image/td_01.gif);}
/* td: center top */
td.ct{padding:0;background-image: url(/image/td_02.gif);}
/* td: right top */
td.rt{padding:0;background-image: url(/image/td_03.gif);}
/* td: left middle */
td.lm{padding:0;background: url(/image/td_04.gif);}
/* td: origin */
td.origin {
font-size: 12px;
color: #000;
text-align: left;
background-image: url(/image/td_05.gif);
word-break: break-all;
word-wrap: break-word;
line-height: 18px;
padding:0;
}
.TP_title{
font-size: 150%;
text-shadow: 2px 2px 2px #999;
margin: 10px 0;
padding: 2px 0px 2px 0px;
}
/* td: right middle */
td.rm{padding:0;background-image: url(/image/td_06.gif);}
/* td: left bottom */
td.lb{padding:0;background-image: url(/image/td_07.gif);}
/* td: center bottom */
td.cb{padding:0;background-image: url(/image/td_08.gif);}
/* td: right bottom */
td.rb{padding:0;background-image: url(/image/td_09.gif);}
img.home {
margin-bottom: 10px;
margin-right: 10px;
}
img.ico {
margin-right: 10px;
}
.text_large {
font-size: 18px;
}
.bigerText {
font-size: 1.2em;
line-height:1.5em;
}
input.search {
font-family: "Courier New", Courier, Hei, mono;
font-size: 13px;
width: 300px;
background-color: #F7F7F7;
color: #333;
}
input.search:focus {
background-color: #FFF;
color: #000;
border-style: 2px solid #54A4DE;
}
input.sl,input.ssl,input.sll,input.sls {
font-family: "Courier New", Courier, Hei, mono;
font-size: 13px;
background-color: #F7F7F7;
color: #333;
border:1px solid #FFF;
padding: 2px;
border-color: #C0C0C0 #CCC #CCC #C0C0C0;
}
input.ssl{width: 50px;}
input.sls{width: 100px;}
input.sl{width: 160px;}
input.sll{width: 300px;}
input.sls:focus,input.sl:focus,input.ssl:focus,input.sll:focus,.sfocus {
background-color: #FFF;
color: #000;
border: 1px #54A4DE solid;
}
textarea.ml,textarea.mll {
font-size: 13px;
width: 400px;
overflow: auto;
background-color: #F7F7F7;
color: #333;
border:1px solid #FFF;
border-color: #C0C0C0 #CCC #CCC #C0C0C0;
padding: 2px;
}
textarea.ml:focus,textarea.mll:focus,.mfocus {
width: 400px;
overflow: auto;
color: #333;
background-color: #FFF;
border: 1px #54A4DE solid;
}
textarea.mll{width: 85%;}
textarea.quick, textarea.new_post{
font-size: 13px;
width: 490px;
overflow: auto;
background-color: #F7F7F7;
color: #333;
border:1px solid #FFF;
border-color: #C0C0C0 #CCC #CCC #C0C0C0;
padding: 5px;
}
textarea.quick:focus,textarea.new_post:focus {
font-size: 13px;
overflow: auto;
background-color: #FFF;
color: #000;
border:1px solid #54A4DE;
padding: 5px;
}
textarea.new_post{
width: 400px;
}
.text {
font-size: 14px;
color: #000;
}
.tip {
font-size: 12px;
color: #666;
}
.tip_i {
font-size: 12px;
color: #CCC;
text-shadow: none;
}
small.tip {
font-size: 10px;
}
small.tip_i {
font-size: 10px;
}
small.lime {
color: #00CC00;
font-size: 10px;
}
small.na {
color: #CC0000;
font-size: 10px;
}
span.green {
color: #008000;
font-size: 12px;
}
.fade {
color: #FF9900;
}
small.fade {
font-size: 10px;
}
.aqua{
color: #99CCFF;
}
small.aqua {
font-size: 10px;
}
small.red {
font-size: 12px;
color: #F00;
}
small.green {
font-style: italic;
font-size: 13px;
color: #0F0;
}
small.white {
font-size: 12px;
color: #FFF;
}
small.grey {
font-size: 10px;
color: #999;
}
small.def {
line-height: 12px;
font-size: 12px;
color: #333;
}
.grey {
font-size: 12px;
color: #666;
}
.red{
color: #FF0000;
}
.highlight{
color: #c60a00;
}
td.text, span.text {
color: #000;
font-size: 12px;
line-height: 18px;
}
span.mob {
font-size: 12px;
}
span.mobile {
font-family: Sans;
color: #333;
font-size: 14px;
display: inline;
padding: 2px;
background-color: #F0F0F0;
border-bottom: 2px solid #EEE;
}
span.excerpt {
color: #000;
font-size: 12px;
line-height: 18px;
}
button.mini {
background-color: #FFFFFF;
border: none;
padding: 1px;
margin: 0px;
cursor: hand;
}
a.friend, a.friend:link, a.friend:visited {
color: #333;
position:relative;
margin-bottom:5px;
padding:1px;
width:100px;
display: block;
text-align: center;
float: left;
}
a.friend:hover,a.friend:active {
color: #333;
margin-bottom:5px;
padding:1px;
}
a.friend img.portrait{
border:3px #eee solid;
background-color:#eee;
}
a.friend:hover img.portrait{
border:3px #AAA solid;
background-color:#fff;
}
div#debug{
border-top: 2px solid #999;
background-color: #000;
font-size: 10px;
color: #FFF;
clear: both;
opacity: .85;
padding: 5px;
}
div#debug table {
border: 1px solid #CCC;
}
a.friend:link>span.tip, a.friend:visited>span.tip {
display: none;
}
a.friend:hover>span.tip, a.friend:active>span.tip {
display: block;
position: relative;
top: -120px;
left: 3px;
padding: 2px;
background-color: #FA9000;
font-size: 12px;
color: #FFF;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
}
div.notify {
border: 2px solid #FFA;
background-color: #FFC;
padding: 5px;
font-size: 12px;
color: #333;
margin:5px 0;
}
ul.square{
list-style-type:square;
list-style-position:inside;
}
.right{
float:right;
}
.left {
float:left;
}
input.re {
font-size: 12px;
border:1px solid #FFF;
border-color:#C0C0C0 #CCC #CCC #C0C0C0;
color: #333;
background-color: #ffc;
}
.tleft{text-align:left;}
.tright{text-align:right;}
.tcenter{text-align:center;}
.fleft{float:left;}
.fright{float:right;}
ul.fright li{float:left;margin-left:18px;}
.lsnone{list-style-type:none;}
.postavatar{
width:100px;
text-align:center;
}
.credits{
text-align:left;
}
.block{
display:block;
}
.disinline{
display:inline;
}
#home_tab_top {
padding: 5px 5px 10px 5px;
border-bottom: 1px solid #CCC;
}
ul.tabs {
font-size:12px;
display: block;
margin: 3px 0px 0px 0px;
padding: 10px 10px 3px 10px;
}
ul.tabs li{
background-color:#fff;
}
ul.tabs li.current,.current_tab_normal{
display: inline;
margin: 0px 5px 0px 0px;
padding: 3px 7px;
border-top: 2px solid #FF9834;
border-left: 1px solid #DDD;
border-right: 1px solid #CCC;
border-bottom: 0px solid #dedfe1;
cursor: default;
}
ul.tabs li.current:hover,.current_tab_hover{
display: inline;
margin: 0px 5px 0px 0px;
padding: 3px 7px;
border-top: 2px solid #FF9834;
border-left: 1px solid #CCC;
border-right: 1px solid #999;
border-bottom: 0px solid #dedfe1;
cursor: default;
}
ul.tabs li.normal,.normal_tab_normal{
display: inline;
margin: 0px 5px 0px 0px;
padding: 3px 7px;
border-top: 2px solid #BBD9EE;
border-left: 1px solid #F5F5F5;
border-right: 1px solid #eee;
border-bottom: 0px solid #dedfe1;
cursor: default;
}
ul.tabs li.normal:hover,.normal_tab_hover{
display: inline;
margin: 0px 5px 0px 0px;
padding: 3px 7px;
border-top: 2px solid #BEDF5D;
border-left: 1px solid #DDD;
border-right: 1px solid #CCC;
border-bottom: 0px solid #dedfe1;
background-color: #F5F5F5;
cursor: default;
}
ul.tabs li.link {
list-style: none;
display: inline;
margin: 0px 5px 0px 0px;
padding: 3px 7px 3px 7px;
}
ul.tabs span.count {
font-size: 9px;
color: #999;
}
div.btn_o {
text-align: left;
width: 100px;
height: 26px;
background-image: url(/image/bg.gif?090415);
}
div.btn_i {
text-align: center;
letter-spacing: 1px;
padding-top: 3px;
color: #FFF;
font-size: 12px;
}
div.btn_i input{
font-size:14px;
width:100px;
height:20px;
background:transparent none repeat scroll 0 0;
border:none;
color:#FFFFFF;
}
div.btn_i a:link, div.btn_i a:visited, div.btn_i a:active {
text-decoration: none;
color: #F5F5F5;
}
div.btn_i a:hover {
text-decoration: none;
color: #FFF;
}
/*header*/
/*icons*/
.ajax_accept{background-position:left 0px;display:inline;}
.ajax_error{background-position:left -21px;display:inline;}
.ajax_alert{background-position:left -42px;display:inline;}
span.idxfavtop,span#fav,.myfav,#sidebar_fav{background-position:left -63px;}
.favsth{background-position:left -60px;}
.TP_favorite{background-position:left -63px;}
span.tag{background-position:left -84px;}
span#recentsearch,.search{background-position:left -105px;}
.fresh,.credit_menu,.repute_and_coins{background-position:left -126px;}
.credit_menu{margin-bottom:10px;}
.user_words{background-position:left -840px;margin-bottom:10px;}
.repute_4,.repute_3,.repute_2,.repute_1,.repute_0,.coin_3,.coin_2,.coin_1,.coin_0{padding:0 0 2px 12px;}
.repute_4{background-position:left -147px;}
.repute_3{background-position:left -168px;}
.repute_2{background-position:left -189px;}
.repute_1{background-position:left -210px;}
.repute_0{background-position:left -231px;}
.coin_3,.transfer_menu,.transfer{background-position:left -252px;}
.coin_2,.reward_topic{background-position:left -273px;}
.coin_1{background-position:left -294px;}
.coin_0{background-position:left -315px;}
#onlinebuddy,.mybudy_menu,.mybuddies{background-position:left -336px;}
span#noonlinebuddy{background-position:left -336px;}
.feed{background-position:left -378px;}
.primepost{background-position:left -399px;}
.alluser{background-position:left -420px;}
.help{background-position:left -441px;}
.logout{background-position:left -462px;}
li#msg,.mymsg_menu{background-position:left -483px;}
li#topics,.mytopics_menu,.users_all_topic{background-position:left -504px;}
.modifyconfig_menu{background-position:left -525px;}
li#home,.myhome_menu{background-position:left -546px;}
.myreply_menu{background-position:left -567px;}
.mysubscribe_menu{background-position:left -588px;}
div#recentvisiter{background-position:left -609px;margin-bottom:10px;}
.mypermission_menu{background-position:left -630px;}
.expenselog_menu{background-position:left -651px;}
.reward_menu{background-position:left -672px;}
#sidefavlist li,#sidehotlist li{background-position:left -693px;}
span#avatarshow{background-position:left -714px;}
.bug{background-position:left -735px;}
.ranklist{background-position:left -756px;}
li#pm_inbox{
padding-left:22px;
background-position:2px -775px;
}
li#pm_outbox{
padding-left:22px;
background-position:2px -796px;
}
li#pm_send{
padding-left:22px;
background-position:2px -817px;
}
.TP_msg_send{
padding-left:22px;
background-position:2px -819px;
}
.canrate{background-position:left -861px;}
.topic_quote{background-position:left -882px;}
.topic_edit{background-position:left -903px;}
.topic_del{background-position:left -924px;}
/*icons over*/
.upload_avatar, .modify_conf{
padding:5px 0 5px 36px;
}
.upload_avatar{
background:url(/image/ico_smile.gif) no-repeat left center;
}
div.forum_hot{
background:url(/image/ico_forum_hot.png) no-repeat left center;
margin-bottom:10px;
}
.modify_conf{
background:url(/image/ico_conf.gif) no-repeat left center;
}
.gohome{
padding-top:2px;
padding-bottom:2px;
background:url(/image/pico_sharejhome.png) no-repeat left center;
}
#sysenter{
background:url(/image/pico_enter.gif) no-repeat left center;
}
.idxsidelogin{
background:url(/image/pico_login.png) no-repeat left center;
}
.register{
background:url(/image/pico_reg.png) no-repeat left center;
}
li#lateuser{
background:url(/image/pico_freshman.png) no-repeat left center;
}
.online{
background:url(/image/pico_online.gif) no-repeat 0 2px;
}
li#logins{
background:url(/image/pico_logins.gif) no-repeat left center;
}
#listByCat{
background:url(/image/pico_listbycata.png) no-repeat left center;
line-height:20px;
}
li#pmuseinfo{
background:url(/image/pico_pminfo.png) no-repeat left center;
}
li#pmoutboxinfo{
background:url(/image/pico_outbox.png) no-repeat left center;
}
1i#pmunrdpm{
background:url(/image/pico_unrdpm.png) no-repeat left center;
}
li#pmtrackpm{
padding-left:22px;
background:url(/image/pico_pmtrack.png) no-repeat 2px center;
}
li#pmsearch{
padding-left:22px;
background:url(/image/pico_search.png) no-repeat 2px center;
}
li#pmarchivepm{
padding-left:22px;
background:url(/image/pico_pmarchive.png) no-repeat 2px center;
}
li#pmblkpmls{
padding-left:22px;
background:url(/image/pico_blkpmls.png) no-repeat 2px center;
}
h1.announce{
background:url(/image/gt.gif) no-repeat left center;
padding-left:22px;
display:block;
font-weight:700;
}
ul#lateuserls li{
margin:2px 0;
}
/*viewpro*/
span#pageaddress{
background:url(/image/pico_page.png) no-repeat left center;
}
span#friends,span#ptopic,span#preply,span#preward,span#transfer, span#attachs, span#exchange{
padding:0 0 8px 40px;
line-height:36px;
}
span#friends{
background:url(/image/ico_friends.gif) no-repeat;
}
span#ptopic{
background:url(/image/ico_topic.gif) no-repeat;
}
span#preply{
background:url(/image/ico_followed.gif) no-repeat;
}
span#attachs{
background:url(/image/ico_statuser.gif) no-repeat;
}
span#preward{
background:url(/image/ico_reward.png) no-repeat;
}
span#transfer{
background:url(/image/ico_transfer.gif) no-repeat;
}
span#exchange{
background:url(/image/ico_transfer.gif) no-repeat;
}
/*discuz*/
a.idxfavitem{
background:url(/image/mico_topic.gif) no-repeat left center;
padding:2px 0 2px 20px
}
.fixwidth150{
width:150px;
display:block;
float:left;
}
/* Vertical Bar Graph */
#vertgraph {
height: 179px;
position: relative;
background: url(/image/g_backbar.gif) repeat-x;
border-right:#d5d5d5 1px solid;
}
#vertgraph ul {
height: 207px;
margin: 0;
padding: 0;
}
#vertgraph ul li {
position: absolute;
width: 28px;
height: 160px;
bottom: 6px;
padding: 0 !important;
margin: 0 !important;
background: url(/image/g_colorbar3.jpg) no-repeat !important;
text-align: center;
font-weight: bold;
font-size:12px;
color: white;
line-height: 2.5em;
}
#vertgraph li.poll0 {left: 24px;background-position: 0px bottom !important;}
#vertgraph li.poll1 { left: 101px; background-position: -28px bottom !important; }
#vertgraph li.poll2 { left: 176px; background-position: -56px bottom !important; }
#vertgraph li.poll3 { left: 251px; background-position: -84px bottom !important; }
#vertgraph li.poll4 { left: 327px; background-position: -112px bottom !important; }
#vertgraph li.poll5 { left: 403px; background-position: -140px bottom !important; }
#polllist li{
padding:4px 0;
width:90%;
border-bottom:1px #333 dotted;
list-style-type:none;
}
#polllist li span{
width:5px;
background: url(/image/g_colorbar3.jpg) no-repeat !important;
}
#polllist li span.polltext0 { left: 24px;background-position: 0px bottom !important;}
#polllist li span.polltext1 { left: 101px; background-position: -28px bottom !important; }
#polllist li span.polltext2 { left: 176px; background-position: -56px bottom !important; }
#polllist li span.polltext3 { left: 251px; background-position: -84px bottom !important; }
#polllist li span.polltext4 { left: 327px; background-position: -112px bottom !important; }
#polllist li span.polltext5 { left: 403px; background-position: -140px bottom !important; }
.floathelp {
padding: 5px;
font-size: 12px;
width: 48em;
color: #9c7600;
border:#ffc30e 1px solid;
font-family: arial, sans-serif;
background-color: #fffbb8;
text-align: left;
}
.alert {
background: #fff6bf url(/image/pico_alert.png) center no-repeat;
background-position: 15px 50%; /* x-pos y-pos */
text-align: left;
font-size:12px;
padding: 5px 20px 5px 45px;
border-top: 2px solid #ffd324;
border-bottom: 2px solid #ffd324;
}
.info {
border-top: 2px solid rgb(181, 212, 254);
border-bottom: 2px solid rgb(181, 212, 254);
padding: 5px 20px 5px 45px;
background: rgb(248, 250, 252) url(/image/pico_info.png) no-repeat scroll 15px 50%;
text-align: left;
}
/*checklist*/
.checklist {
font-size:12px;
border: 1px solid rgb(204, 204, 204);
overflow: auto;
overflow-x: hidden;
list-style-type: none;
list-style-position: inside;
height: 4em;
width: 8em;
margin:0;
padding-left:8px;
}
.checklist li {
margin:0;
padding: 0;
}
.checklist label {
font-size:12px;
margin:0;
padding: 0 0 0 30px;
text-indent: 0;
display: block;
width:auto;
float: none;
}
.checklist label:hover, .checklist label.hover {
font-size:12px;
background: rgb(119, 119, 119) none repeat;
color: rgb(255, 255, 255);
}
/* UBB code*/
.t_table{
border-collapse:collapse;
}
.t_table,.t_table tr,.t_table td{
border:1px #999 solid;
}
/*quote*/
.pullquote {
margin:15px;
background: url(/image/small_closequote.gif) no-repeat bottom right !important;
background /**/:url(); /* removing quote graphic in IE5+ */
padding:0px 25px 5px 0px;
}
.pullquote:first-letter {
background: url(/image/small_openquote.gif) no-repeat left top !important;
padding:5px 2px 10px 35px!important;
padding /**/:0px;   /* resetting padding in IE5+ */
background /**/: url(); /* removing quote graphic in IE5+ */
}
.TP_knot img {
max-width:560px;
width:auto;
width:expression(this.width > 560 ? "560px" :"auto");
overflow:hidden;
}
.TP_knot{
padding:5px 5px 5px 0;
}
.editor_colornormal {
padding: 2px;
font-size: 1px;
}
.editor_colorhover {
background: {BORDERCOLOR};
white-space: nowrap;
padding: 2px;
font-size: 1px;
}
.editor_colornormal div {
width: 10px;
height: 10px;
border: 1px solid {CATTEXT};
}
.editor_colorhover div {
width: 10px;
height: 10px;
border: 1px solid {BORDERCOLOR};
}
.hint{
background:url(/image/pico_hint.png) no-repeat left center;
display:block;
padding: 5px 0 5px 24px;
margin:3px 0;
border-width:1px 0;
border-color:#eee;
border-style:solid;
}
div.hint{
border:0;
}
.formhint{
display: none;
position: absolute;
right:0px;
width: 170px;
margin-top: -4px;
border: 1px solid #c93;
font-size:12px;
padding: 10px 12px;
/* to fix IE6, I can't just declare a background-color,
I must do a bg image, too!  So I'm duplicating the pointer.gif
image, and positioning it so that it doesn't show up
within the box */
background: #ffc url(/image/pointer.gif) no-repeat -10px 5px;
z-index:100;
}
.formhint .hint-pointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(/image/pointer.gif) left top no-repeat;
}
#pminfo{
clear:left;
}
#pminfo li{
padding-top:2px;
list-style:none;
}
a.tg:link, a.tg:visited {
color: #333;
text-decoration: none;
font-size: 12px;
}
a.tg:hover {
color: #000;
background-color: #EEE;
text-decoration: none;
font-size: 12px;
}
a.tg:active {
color: #FFF;
background-color: #577DE4;
text-decoration: none;
font-size: 12px;
}
.idxcatalist dd{
margin:0;
padding:5px;
}
#idxtoplist{
padding:0;
margin:0;
}
.indexlist ul{
margin:0;
padding:0;
}
#indexresource_topic_list_default,
#indexdiscuss_topic_list_default,
#indexdiscuss_topic_list,
#indexresource_topic_list
{
margin:0;
padding:0;
}
#indexdiscuss_topic_list_default li,
#indexresource_topic_list_default li,
#indexdiscuss_topic_list li,
#indexresource_topic_list li
{
list-style-type:none;
margin:0;
padding:5px;
white-space:nowrap;
overflow-x:hidden;
text-overflow:ellipsis;
}
#idxtoplist li,.indexlist li{
list-style-type:none;
margin:0;
padding:5px;
overflow-x:hidden;
text-overflow:ellipsis;
}
*html #idxtoplist li{
width:97%;
}
#index_hint{
height:1.5em;
overflow:hidden;
}
.flrtoper{
background:url(/image/ico_flrtoper.png) no-repeat right center;
}
#sidefavlist,#sidehotlist,#S_login,#siderclist{
margin:0;
padding-left:8px;
}
#sidefavlist li,#sidehotlist li a,#siderclist li a{
line-height:21px;
}
#S_login li{
margin:2px;
list-style-type:none;
height:30px;
}
#S_login li span{float:left;margin-top:0.3em;width:4em;}
/*---------*/
div#nav {
color: #CCC;
font-size: 12px;
clear: both;
height: 50px;
padding: 0px 20px 0px 20px;
text-align: center;
background-color: #FBFEF3;
}
div#searchbar{
text-align:left;
font-size: 12px;
clear: both;
height: 20px;
padding: 6px 20px 6px 30px;
background-color: #FBFEF3;
border-bottom: 1px solid #E0E0E0;
}
#nav_menu, #nav_menu ul {
padding: 0;
margin: 0;
list-style: none;
font-size:14px;
}
#nav_menu li{
margin-top:22px;
float: left;
}
#subnav a{margin:0 0.5em;}
#nav_menu li{
display:block;
padding: 5px 10px 0 10px;
height: 2.2em;
}
#nav_menu .current{background-color:#EBF4FA;}
#sub_menu li.current{background-color:#EBF4FA;}
#top_search form{margin-top:22px;float:right;}
#idxrandfst{
display:block;
margin-bottom:5px;
padding-bottom:5px;
border-bottom:2px #eee solid;
}
.TP_floor{
padding-top:5px;
border-bottom:#eee 2px solid;
position:relative;
}
.TP_action{
margin-top:10px;
padding-bottom:3px;
}
.TP_avatar, .TP_avatar_first{
width:48px;
margin-top:5px;
position:absolute;
top:0;
left:0;
}
.TP_avatar_first{
margin-top:45px;
}
.TP_wrapper{
padding-left:48px;
}
.TP_nav{
padding:5px; 0;
border-top:2px #eee solid;
}
.TP_content{
margin-top:10px;
}
.TP_public_repute{
margin:10px 0 0 0;
background-color:#FFFFCC;
padding:8px 5px;
}
.prompt{
background:#FFF;
font-size:12px;
padding:5px;
border:2px #BEDF5D solid;
z-index: 999;
position: absolute;
top:35%;
left:35%;
width:280px;
display:none;
}
.prompt_background{
display:none;
background:#999;
height: 3269px;
width: 1255px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 998;
opacity: 0.6;
filter: alpha(opacity=60);
}
#pmporompt{
height:173px;
background: url(/image/bico_newpm.png) #EBF4FA no-repeat left center;
}
#pmporompt div{
margin-top:90px;
padding-left:150px;
}
#prompt_active div, #prompt_credit div, #prompt_newpm div, #prompt_pvchop div{
text-align:left;
padding-left: 36px;
background: url(/image/ico_prompt_active.png) #fff no-repeat left center;
}
#prompt_credit div{
background: url(/image/ico_prompt_credit.png) #fff no-repeat left center;
margin:1em;
}
#prompt_newpm div{
background: url(/image/ico_prompt_newpm.png) #fff no-repeat left center;
}
#prompt_pvchop div{
background: url(/image/ico_prompt_pvchop.png) #fff no-repeat left center;
}
/* Clear Fix */
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-block;
}
.clearfix {display:block;}
/* end of clearfix */
a.o, a.o:link, a.o:visited {
color:#4A9112;
}
a.o:hover {
text-decoration: underline;
}
a.o:active {
text-decoration: underline;
}
a.u:link, a.u:active,a.u:visited,a.u:hover {
text-decoration: underline;
color: #699111;
}
a.u:hover {
color:#AFC17A;
}
dl.home_topic {
padding: 0px;
background-color: #FFF;
margin-top: 5px;
font-size: 12px;
}
dl.home_topic dt {
height: 30px;
padding: 3px 3px 14px 3px;
background-color: #F9F9F9;
border-top: 1px solid #DDD;
}
dl.home_topic dd {
padding: 15px 10px 0px 10px;
margin: 0px;
color: #333;
line-height: 18px;
}
a.btn, a.btn:link, a.btn:visited{
border:1px solid #BEDF5D;
color: #BEDF5D;
text-decoration: none;
font-size: 12px;
padding:2px 4px;
}
a.btn:hover{
color: #FFF;
background-color: #54A4DE;
text-decoration: none;
font-size: 12px;
}
a.tpc, a.tpc:link, a.tpc:visited {
color: #0063DC;
text-decoration: none;
border-bottom: none;
font-size: 12px;
}
a.t, a.t:link, a.t:visited {
color: #0063DC;
text-decoration: none;
}
a.t:hover, a.tpc:hover {
color: #FFF;
background-color: #0063DC;
text-decoration: none;
}
a.t:active, a.tpc:active {
color: #F92D09;
text-decoration: none;
}
/*standard text-decoration underline*/
a.tu, a.tu:link, a.tu:visited {
color: #014A8F;
text-decoration: none;
}
a.tu:active,a.tu:hover{
color:#E75201;
text-decoration: underline;
}
/*grey text-decoration underline*/
a.gtu, a.gtu:link, a.gtu:visited {
color: #333;
text-decoration: none;
}
a.gtu:active,a.gtu:hover{
color: #005EAC;
text-decoration: underline;
}
span.tip_h {
font-size: 12px;
color: #F0F0F0;
opacity: .3;
-moz-opacity: .3;
filter: opacity(alpha=30%);
}
#tooltip {
border: 1px solid #206BA4;
background-color: #EBF4FA;
color:#333;
opacity: 0.85;
font-size:12px;
line-height:18px;
padding: 2px 4px;
filter:Alpha(Opacity=85);
}
input.input_button{
border:none;
background:transparent ;
color:#fff;
}
.button { /* Top left corner, top edge */
position:relative;
color: #fff;
float:right;
background:#333 url(/image/button.gif) no-repeat; /* Fallback bg colour for images off */
text-decoration:none;
margin: 0 2px;
}
.button * {
position:relative;
display:block;
color:#fff;
}
.button span { /* Top right corner */
padding:6px 0 0;
background:url(/image/corners.gif) no-repeat right top;
}
.button span span { /* Bottom left corner, left and bottom edges */
padding:0 0 0 6px;
background:url(/image/button.gif) no-repeat left bottom;
}
.button span span span { /* Bottom right corner */
padding:0 0 6px;
background:url(/image/corners.gif) no-repeat right bottom;
}
.button span span span span { /* Right edge */
padding:3px 12px 3px 6px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
background:url(/image/button.gif) no-repeat right center;
}
.button:hover,
.button:focus,
.button:active { /* Help keyboard users */
outline:2px solid #3c0; /* Not supported by IE/Win :-( */
color:#999;
}
.topicnav{
height:35px;
}
.topicnav #nav{
vertical-align:middle;
line-height:35px;
}
/*for post new thread*/
/* Hover State */
label:hover{
color: #575B60;
}
label.highlighted {
border: 1px solid #333;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* STOP EDITTING - DO NOT CHANGE OR REMOVE        */
.crirHidden {
position: absolute;
left: -1000px;
}
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
label.checkbox_checked, label.radio_checked {
background: #d1f899;
border: 1px solid #c2e78c;
color: #7a9751;
padding: 5px;
margin: 3px;
}
label.checkbox_unchecked, label.radio_unchecked  {
background: #eee;
border: 1px solid #e5e5e5;
color: #979797;
padding: 5px;
margin: 3px;
}
label.checkbox_checked:hover, label.radio_checked:hover{
background: #c8ed92;
}
label.checkbox_unchecked:hover, label.radio_unchecked:hover {
background: #e4e4e4;
}
label.error, span.error {
border: 2px solid #FF0;
background-color: #FFC;
padding: 2px;
margin:5px 0;
display:none;
font-size:12px;
}
label.error{
float:none;
}
td.hover, tr.hover {
background-color: #FFFEF1;
}
.popupmenu_popup {
color: #003366;
border: 1px solid #D6E0EF;
}
.popupmenu_option {
background: #F8F8F8;
color: #003366;
font: 12px Tahoma, Verdana;
white-space: nowrap;
padding:3px 8px;
cursor: pointer;
}
.popupmenu_option a {
color: #003366;
padding:3px 8px;
text-decoration: none;
}
.headermenu_popup {
color: #003366;
border: 1px solid #D6E0EF;
border-top: 0px;
margin-top: 8px;
}
.headermenu_popup a {
color: #003366;
text-decoration: none;
}
.popupmenu_highlight {
background: #FFFFFF;
color: #FFFFFF;
font: 12px Tahoma, Verdana;
white-space: nowrap;
padding:3px 8px;
cursor: pointer;
}
.popupmenu_highlight a {
color: #FFFFFF;
padding:3px 8px;
text-decoration: none;
}
.expire, .expire a:link, .expire a:visited {
color: #999999;
}
.default, .default a:link, .default a:visited {
color: #000000;
}
.checked, .checked a:link, .checked a:visited {
color: #FF0000;
}
.today, .today a:link, .today a:visited {
color: #00BB00;
}
a.dark_bak, a.dark_bak:link, a.dark_bak:visited {
text-decoration: underline;
color: #fff;
}
div#globalSearchArea {
float: left;
height: 36px;
position: relative;
left: 0px;
top: 30px;
width: 548px;
}
div#globalSearchArea {
float: left;
height: 36px;
position: relative;
left: 0px;
top: 30px;
width: 548px;
}
#globalAdvanceSearchButton, #globalPublishResourceButton{
background: transparent;
border: 0px;
color: #fff;
cursor: pointer;
cursor: hand;
height: 36px;
margin: 0px;
padding: 1px 0px 0px 2px;
vertical-align: middle;
width: 78px;
}
input#globalSearchSubmitButton, input#globalSearchMovieButton{
background: transparent;
border: 0px;
color: #fff;
cursor: pointer;
cursor: hand;
font-weight: bold;
height: 36px;
letter-spacing: 6px;
margin: 0px 0px 0px 5px;
padding: 1px 0px 0px 24px;
vertical-align: middle;
width: 94px;
}
input#globalSearchQuery {
background: transparent;
border: 0px;
height: 22px;
padding: 0px;
margin: 10px 0px 0px8px;
vertical-align: middle;
}
#banner_logo{
width:210px;
height:60px;
background:url(/images/maxspeed/logo.800.png) no-repeat;
margin:5px 0;
}
*+html .blank .labels{ margin-top:15px;}
*html .blank .labels{ margin-top:15px;}
*+html .box_i .labels{ margin-top:15px;}
*html .box_i .labels{ margin-top:15px;}
/**+html .blank{ width: 98%; }
*html .blank{ width:98%;}
*/
/**+html table{ width: 98%; }*/
/**html table{ width:98%;}*/
.status li{
list-style-type: none;
line-height: 24px;
border-bottom: 1px #eee solid;
}
.status ul{
margin:0;
}
.statusbar {
border: 1px solid rgb(204, 204, 204);
padding: 2px;
margin-top: 5px;
width: 400px;
display:block;
float:right;
}
.statusbar div{
height: 10px;
line-height:10px;
background-color: rgb(51, 51, 255);
background-image: url(/image/fall_sky.gif);
}
#sidebar_black{ background:#ffffff url(/image/blackquare.png) center center no-repeat; width:163px; height:166px; padding-top:15px; text-align:center; }
#index_new_featrues{
background:#ffffff url(/image/ico_featrues.png) center right no-repeat;
}
#index_ie6_alert{
background:#ffc url(/image/ico_warn.png) center right no-repeat;
padding:0 32px 0 0;
}
#index_announce{
list-style:none;
margin:0;
padding:0;
}
.index_usersug_common_fav{
background:#fff;
border:1px #AAA solid;
width:200px;
padding:5px;
display:none;
}
ul.forum_hot{
margin-left:8px;
}
/*user_page*/
#mysharej{
margin-left:175px;
}
.user_avatar{
width:85px;
float:left;
position:relative;
}
.user_intro{
margin-left:90px;
}
.user_page_table th{
padding:0 0 0 10px;
width:120px;
}
.user_page_topic li, .user_page_reply li, #UUU_favoriteU_download li, #UU_favorite li, #UU_common_fav li, #UU_download li{
margin-bottom: 5px;
padding:0 0 3px 3px;
border-bottom: 1px solid #CCC;
}
/*fastreply*/
#fastreply_list li{
margin:4px;
}
/*viewtopic*/
/*#viewtopic_top th, #viewtopic_top td{*/
/*padding: 0;*/
/*}*/
.resource_table{
border-top: 1px dotted #000;
border-left: 4px solid #8394B2;
border-right: 1px dotted #000;
border-bottom: 1px dotted #000;
}
.resource_table h2{
font-size:12px;
margin-top:0;
color: #000;
padding: 6px;
background: url(/images/maxspeed/css_img_share.gif) no-repeat right #e4eaf2;
text-align:left;
margin-left:0;
}
.resource_table table tr td{
padding:6px;
}
.viewtopic_popup{
text-align:right;
border-color:#B8B7AF #727271 #727271 #B8B7AF;
border-style:solid;
border-width:1px;
display:none;
width:7em;
background-color:#fff;
padding:3px;
position:absolute;
z-index:1000;
left:-6em;
top:16px;
}
/*viewtopic over --- */
#pm_inbox_table tr,#pm_outbox_table tr,#fav_topic_table tr,#fav_forum_table tr{
line-height:1.8em;
}
/*post new topic*/
#userattachs tr td.check_box{width:30px;}
* html #viewtopic_top,* html .blank, * html .gainlayout{ height: 1%; }
/*search result*/
/*table: \u7528tablereset reset\u4e00\u4e0b\uff0c\u81ea\u5df1\u52a0\u5b9a\u4e49\uff0c\u6216\u8005\u76f4\u63a5\u5916\u9762\u5957blank*/
#search_result_table tr td{border-bottom:1px #D1D7DC dotted;}
#search_result_table tr .search_result{padding:6px 0;}
#search_result_table tr .search_result_info{width:160px;}
#search_result_table tr .search_result_info ul{border-left:1px #ccc solid;padding-left:6px;color:#333}
/*login*/
#my_message tr td{
border-bottom:1px solid #E1E1E1;
}
.topic_table tr td{
color: #666;
}
#sidebar_public_rate ul li{
border-bottom:1px #bbb solid;
}
#simplemodal-overlay {
background-color:#000;
cursor:wait;
}
#simplemodal-container {
height:400px;
width:600px;
background-color:#fff;
border:3px solid #ccc;
padding:5px;
}
#simplemodal-container a.modalCloseImg {
cursor:pointer;
float:right;
}
.TP_more_actions{
background-position:left -966px;
}
.attachLink{color:#0063DC;}
.repute_level_1{ background-position:left -1029px; }
.repute_level_2{ background-position:left -1050px; }
.repute_level_3{ background-position:left -1071px; }
.repute_level_4{ background-position:left -1092px; }
.repute_level_5{ background-position:left -1113px; }
.repute_level_6{ background-position:left -1134px; }
.repute_level_7{ background-position:left -1155px; }
.repute_level_8{ background-position:left -1176px; }
.repute_level_9{ background-position:left -1197px; }
.repute_level_10{ background-position:left -1218px; }
.repute_level_11{ background-position:left -1239px; }
.repute_level_12{ background-position:left -1260px; }
.repute_level_13{ background-position:left -1281px; }
.repute_level_14{ background-position:left -1302px; }
.repute_level_15{ background-position:left -1323px; }
.repute_level_16{ background-position:left -1344px; }
.repute_level_17{ background-position:left -1365px; }
.repute_level_18{ background-position:left -1386px; }
.repute_level_19{ background-position:left -1407px; }
.repute_level_20{ background-position:left -1428px; }
.repute_level_21{ background-position:left -1449px; }
.repute_level_22{ background-position:left -1470px; }
.repute_level_23{ background-position:left -1491px; }
.repute_level_24{ background-position:left -1512px; }
.myfile{ background-position:left -1533px; }
.H_shelf{ background-position:left -1554px; }
.TP_support,a.TP_support{color:#48A032;}
.TP_opposed,a.TP_opposed{color:#900F0F;}
/*\u4e0b\u9762\u7684\u90fd\u662f\u6d4b\u8bd5\u7528\u7684*/
/*
#color1{ background-color:#206BA4; display:block; width:50px; height:50px;float:left;}
#color2{ background-color:#54A4DE; display:block; width:50px; height:50px;float:left;}
#color3{ background-color:#BBD9EE; display:block; width:50px; height:50px;float:left;}
#color4{ background-color:#EBF4FA; display:block; width:50px; height:50px;float:left;}
#color5{ background-color:#BEDF5D; display:block; width:50px; height:50px;float:left;}
#color6{ background-color:#D6E0EF; display:block; width:50px; height:50px;float:left;}
#color7{ background-color:#FF0000; display:block; width:50px; height:50px;float:left;}
#color8{ background-color:#FFBF80; display:block; width:50px; height:50px;float:left;}
#color9{ background-color:#F6E896; display:block; width:50px; height:50px;float:left;}
#color10{ background-color:#FAFAFA; display:block; width:50px; height:50px;float:left;}
#color11{ background-color:#E7E4D3; display:block; width:50px; height:50px;float:left;}
#color12{ background-color:#F1EFE2; display:block; width:50px; height:50px;float:left;}
/*
<div id="demo_sharej">
<div id="color1">&nbsp;</div>
<div id="color2">&nbsp;</div>
<div id="color3">&nbsp;</div>
<div id="color4">&nbsp;</div>
<div id="color5">&nbsp;</div>
<div id="color6">&nbsp;</div>
<div id="color7">&nbsp;</div>
<div id="color8">&nbsp;</div>
<div id="color9">&nbsp;</div>
<div id="color10">&nbsp;</div>
<div id="color11">&nbsp;</div>
<div id="color12">&nbsp;</div>
</div>
*/
.btn_file_upload{
background:url(/image/pbtn.gif?3) no-repeat scroll left -42px;
width:100px;
height:25px;
}
.btn_new_topic_d{
background:url(/image/pbtn.gif?3) no-repeat scroll left -80px;
width:86px;
height:27px;
}
.btn_new_topic_r{
background:url(/image/pbtn.gif?3) no-repeat scroll left -48px;
width:86px;
height:27px;
}
.btn_shelf_new{
background:url(/image/pbtn.gif?3) no-repeat scroll left -111px;
width:114px;
height:34px;
}
#II_banner{
position:relative;
}
#II_banner span{
cursor:pointer;
position:absolute;
background:url(/image/index_banner_btn.jpg);
width:144px;
height:41px;
top:115px;
left:445px;
}
#II_banner p{
position:absolute;
top:75px;
left:390px;
color:#379719;
font-size:14px;
}
#II_banner p b{
font-size:22px;
color:#e75200;
font-family:arial
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
ul#message_add_form li {margin:4px;}
#sidebar_messages {width:100%;margin-top:10px;}
#sidebar_messages tr {border-bottom:2px solid #EEE;}
#sidebar_messages td {padding:4px;}
/*
* yc@2010-1-16
* styles for sharethis
*/
ul.sharethis {margin:0;padding:0;list-style:none;display:inline;}
ul.sharethis li.share {display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;background-image:url('/image/shareicons.gif');width:16px;height:16px;cursor:pointer;overflow:hidden;padding:0;margin:0 2px -2px;}/*IE dont konw inline-block*/
ul.sharethis li.browser {background-position:0 0;}
ul.sharethis li.baidu {background-position:0 -16px;}
ul.sharethis li.qq {background-position:0 -48px;}
ul.sharethis li.digu {background-position:0 -352px;}
ul.sharethis li.zuosha {background-position:0 -368px;}
ul.sharethis li.sina {background-position:0 -384px;}
ul.sharethis li.kaixin {background-position:0 -416px;}
ul.sharethis li.douban {background-position:0 -432px;}
ul.sharethis li.renren {background-position:0 -448px;}
ul.sharethis li.delicious {background-position:0 -192px;}
ul.sharethis li.facebook {background-position:0 -224px;}
ul.sharethis li.digg {background-position:0 -208px;}
ul.sharethis li.twitter {background-position:0 -240px;}

div.jGrowl {
padding:            10px;
z-index:            9999;
color:              #fff;
font-size:          12px;
}

/** Special IE6 Style Positioning **/
div.ie6 {
position:           absolute;
}

div.ie6.top-right {
right:              auto;
bottom:             auto;
left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
left:               expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top:                expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
left:               expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
top:                expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
width:              100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
position:           fixed;
}

body > div.jGrowl.top-left {
left:               0px;
top:                0px;
}

body > div.jGrowl.top-right {
right:              0px;
top:                0px;
}

body > div.jGrowl.bottom-left {
left:               0px;
bottom:             0px;
}

body > div.jGrowl.bottom-right {
right:              0px;
bottom:             0px;
}

body > div.jGrowl.center {
top:                0px;
width:              50%;
left:               25%;
}

/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
margin-left:        auto;
margin-right:       auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
background-color:       #000;
opacity:                .85;
-ms-filter:             "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
filter:                 progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
zoom:                   1;
width:                  235px;
padding:                10px;
margin-top:             5px;
margin-bottom:          5px;
font-family:            Tahoma, Arial, Helvetica, sans-serif;
font-size:              1em;
text-align:             left;
display:                none;
-moz-border-radius:     5px;
-webkit-border-radius:  5px;
}

div.jGrowl div.jGrowl-notification {
min-height:             40px;
}

div.jGrowl div.jGrowl-notification div.header {
font-weight:            bold;
font-size:              14px;
line-height:            20px;
}

div.jGrowl div.jGrowl-notification div.close {
z-index:                99;
float:                  right;
font-weight:            bold;
font-size:              1em;
cursor:                 pointer;
}

div.jGrowl div.jGrowl-closer {
padding-top:            4px;
padding-bottom:         4px;
cursor:                 pointer;
font-size:              .9em;
font-weight:            bold;
text-align:             center;
}

/** Hide jGrowl when printing **/
@media print {
div.jGrowl {
display:            none;
}
}
div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
color:#FFF;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
/*div.rating-cancel,div.rating-cancel a{background:url(delete.gif) no-repeat 0 -16px}*/
div.star-rating,div.star-rating a{background:url(/image/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */
.rb{border-left:1px solid #B2D0EA;border-right:1px solid #B2D0EA;zoom:1;background:#EDF7FF}
.rb_1,.rb_2,.rb_3,.rb_4,.rb_5{height:1px;overflow:hidden;font-size:0px;margin:0 1px;border:0px solid #B2D0EA;}
.rb_1{background:#B2D0EA;margin:0 3px; }
.rb_5,.rb_2{border-left-width: 2px;border-right-width:2px}
.rb_4,.rb_3{border-left-width: 1px;border-right-width:1px}
.rb_4,.rb_5,.rb_2,.rb_3{background:#EDF7FF;}
.rbi{background:#EDF7FF;}
.rb h4{
padding:3px 12px;
margin-bottom:0;
font-size:14px;
}
.rr{border-left:1px solid #F7CF9E;border-right:1px solid #F7CF9E;zoom:1;background:#FCF0DA}
.rr_1,.rr_2,.rr_3,.rr_4,.rr_5{height:1px;overflow:hidden;font-size:0px;margin:0 1px;border:0px solid #F7CF9E;}
.rr_1{background:#F7CF9E;margin:0 3px; }
.rr_5,.rr_2{border-left-width: 2px;border-right-width:2px}
.rr_4,.rr_3{border-left-width: 1px;border-right-width:1px}
.rr_4,.rr_5,.rr_2,.rr_3{background:#FCF0DA;}
.rri{background:#FCF0DA;}
.rr h4{
padding:3px 12px;
margin-bottom:0;
font-size:14px;
}
.rg{border-left:1px solid #B8E7B3;border-right:1px solid #B8E7B3;zoom:1;background:#E7F9E3}
.rg_1,.rg_2,.rg_3,.rg_4,.rg_5{height:1px;overflow:hidden;font-size:0px;margin:0 1px;border:0px solid #B8E7B3;}
.rg_1{background:#B8E7B3;margin:0 3px; }
.rg_5,.rg_2{border-left-width: 2px;border-right-width:2px}
.rg_4,.rg_3{border-left-width: 1px;border-right-width:1px}
.rg_4,.rg_5,.rg_2,.rg_3{background:#E7F9E3;}
.rgi{background:#E7F9E3;}
.rg h4{
padding:3px 12px;
margin-bottom:0;
font-size:14px;
}


.flow-steps {
    margin: 20px 0;
    overflow: hidden;
}
.flow-steps .num3 li {
    width: 301px;
}
.flow-steps .num4 li {
    width: 222px;
}
.flow-steps .num5 li {
    width: 175px;
}
.flow-steps .num6 li {
    width: 143px;
}
.flow-steps li {
    background: url("http://a.tbcdn.cn/sys/common/img/flow_steps_bg.png") no-repeat scroll 100% 0 #E4E4E4;
    color: #404040;
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 23px;
    line-height: 23px;
    overflow: hidden;
    padding: 0 15px 0 0;
    text-align: center;
}
.flow-steps li span, .flow-steps li strong {
    display: block;
}
.flow-steps li .first {
    background: url("http://a.tbcdn.cn/sys/common/img/flow_steps_bg.png") no-repeat scroll -12px -69px #E4E4E4;
}
.flow-steps li.last {
    background-position: 100% -138px;
}
.flow-steps li.current {
    background-color: #FF6600;
    color: #FFFFFF;
}
.flow-steps li.current .first {
    background-color: #FF6600;
    background-position: -12px -92px;
}
.flow-steps li.current-prev {
    background-position: 100% -23px !important;
}
.flow-steps li.done {
    background-color: #FFE6BA;
    background-position: 100% -46px;
    color: #FF6600;
}
.flow-steps li.done .first {
    background-color: #FFE6BA;
    background-position: -12px -115px;
}
.flow-steps li.last-current {
    background-color: #FF6600;
    background-position: 100% -161px;
    color: #FFFFFF;
}
.clearfix {
}
